.navbar-nav > li {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    color: red;
    text-decoration: none;
	font-family: 'Merriweather', serif;
	font-size: 19px;
}
.navbar-brand > img {
    width: 75px;
    height: 75px;
}
.navbar-nav > li > a:hover {
    color: red;
}
.navbar-nav > li > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: red;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.navbar-nav > li > a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.jumbotron {
	height: 750px;
	margin-top: -55px;
	background-image: url(../images/wine-glass-overlay.jpg);
	background-position: center ;
	background-size: cover;
}
body {
	overflow-x: hidden;
	height: 100%;
}
#title{
    font-family: 'Parisienne', cursive;
	font-size: 64px;
	color: white;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
	text-align: left;

}
.titleContainer {
	padding-top: 85px;
	background-color: #343A40;
}
.container {
	text-align: center;
	
}
.heading {
	display: inline-block;
  	vertical-align: middle;
  	line-height: normal;
	font-family: 'Merriweather', serif;
	color: slategray;
	font-size: 45px;
}
.row {
	margin-top: 50px;
	margin-bottom: 50px;
}
.textContainer {
	border-style: solid;
	border-color: black;
	border-width: 2px;
	background-color: #343A40;
	height: 300px;
}
.img-fluid {
	max-height: 100%;
	height: 476px;
}
.padding-0 {
    padding-right: 0;
    padding-left: 0;
}
.text-wrapper {
	width: 100%;
	padding-left: 20px;
	padding-top: 10px;
	font-family: 'Merriweather', serif;
	color: #fff;
	font-size: 23px;
	top: 60px;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.imageGrid {
	justify-content: center;
	height: 200px;

}
#catalogueCarousel {
	margin: auto;
	border: 3px solid;
	border-color: black;
	width: 100%;
}

/* HR Divider */
hr.hr--logo {
	border-top: solid #000 1px;
	margin: 55px ;
	padding-top: 10px;
}
hr.hr--logo:after {
 	content: url( '../images/hrDivider.png' );
	/* Controls the position of the logo */
	left: 50%;
	position: absolute;
	transform: translateY(-50%) translateX(-50%);
	/* Controls the whitespace around the symbol */
	padding: 25px;
	background: #fff;
}
/* Footer Styles */
footer { 
    position: relative;
    width:100%; 
    height:100px; 
	font-family: 'Merriweather', serif;

}
#footerLink {
    font-size: 15px;
	font-family: 'Merriweather', serif;
}
.display-1 {
    text-align: center;
    padding-top: 10px;
}

/* Breakpoints */
@media only screen and (max-width: 1700px){
	.lead {
		padding-left: 20px;
	}
	.featurette-image {
		width: 100%;
		height: auto;
	}
	.titleContainer {
		background-color: #343A40;
		padding-left: 10px;
		padding-top: 0px;
	}
	#title{
		font-family: 'Parisienne', cursive;
		font-size: 50px;
		color: white;
		text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
		text-align: left;
		padding-top: 50px;
	}
	.textContainer {
		border-style: solid;
		border-color: black;
		border-width: 2px;
		background-color: #343A40;
		height: 400px;
	}
	.text-wrapper {
		width: 100%;
		padding-left: 20px;
		font-family: 'Merriweather', serif;
		color: #fff;
		font-size: 23px;
		top: 0px;
		text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
	}
}
@media only screen and (max-width: 1159px){
	.textContainer {
		border-style: solid;
		border-color: black;
		border-width: 2px;
		background-color: #343A40;
		height: 500px;
	}
}

@media only screen and (max-width: 1000px){
	.textContainer {
		border-style: solid;
		border-color: black;
		border-width: 2px;
		background-color: #343A40;
		height: 300px;
	}
}